We opt for a sandy, earthy tone for the main background. It is easier on the eye while creating more warmth on the brand. It's essential to select text colours that contrast well for readability and maintain the luxurious beach resort vibe.
Target contrast ratio: 4.5:1 for body text.
Use a deep, rich colour for contrast against the creamy background.
Dark Navy: rgb(34, 34, 59) or #22223b
Charcoal: rgb(51, 51, 51) or #333333
Warm Espresso: rgb(78, 52, 46) or #4e342e
Slightly softer than the heading colour, maintaining legibility but appearing less bold.
Warm Grey: rgb(96, 96, 96) or #606060
Taupe: rgb(110, 87, 74) or #6e574a
Muted Brown: rgb(85, 72, 66) or #554842
The highlight color should complement the elegance of the brand while adding vibrancy.
Golden Sand
A warm gold evokes luxury, aligns with the beach theme, and pairs beautifully with the muted brown and dark navy.
Hex/Values:
rgb(204, 174, 98) or #ccae62 (rich gold)
rgb(218, 179, 123) or #dab37b (soft gold)
Ocean Teal
Why: Teal reflects the ocean and adds a refreshing, coastal vibe while staying elegant.
Hex/Values:
rgb(51, 102, 102) or #336666 (deep teal)
rgb(102, 153, 153) or #669999 (lighter teal for hover or accents)
Coral Accent
Why: Coral adds warmth and energy, balancing the neutral tones. It gives a contemporary and tropical touch.
Hex/Values:
rgb(233, 94, 92) or #e95e5c (vibrant coral)
rgb(241, 147, 119) or #f19377 (softer coral)
Use: Ideal for CTAs, accent text, or subtle overlays.
Sunset Peach
Why: A muted peach adds warmth and elegance while being soft enough not to overpower the design.
Hex/Values:
rgb(238, 174, 143) or #eeae8f (sunset peach)
rgb(244, 200, 176) or #f4c8b0 (lighter peach for hover effects)
Use accent colours sparingly to highlight key elements like links, buttons, or headings. Accent colours like gold or ocean blue can bring subtle elegance.
Gold or Sandstone (For Luxury Feel):
rgb(204, 174, 98) or #ccae62
rgb(218, 179, 123) or #dab37b
Ocean Blue (For Coastal Theme):
rgb(42, 75, 124) or #2a4b7c
rgb(59, 89, 152) or #3b5998
Deep Sea Blue
Why: A vibrant blue offers a connection to the ocean, tying back to the coastal theme while standing out against the creamy background.
Hex/Values:
rgb(42, 75, 124) or #2a4b7c (rich blue)
rgb(59, 89, 152) or #3b5998 (softer blue)
