Sunlit Coast color palette — #F7F7E2 · #357900 · #503282 · #3C2861 · #2D1707

Olive and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#357900): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#503282): A deep, shadowed, balanced violet — the color of wild irises.
• Royal Purple (#3C2861): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#2D1707): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Sunlit Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Aubergine Meadow color palette (#EDFBE2, #007856, #721E7C, #511F57, #291A01)
• Powdered Navy color palette (#FAF6E1, #6D6700, #0A4588, #302267, #31160D)
• Worn Pine Archive color palette (#F1F4E1, #00902C, #424A99, #651A33, #451600)
• Feathered Courtyard color palette (#FEF4E3, #7D5D00, #49309B, #5D173A, #321614)
• Muted Pine color palette (#EFF5E3, #008551, #00585C, #5B1941, #090B00)
• Powdered Emerald color palette (#FFEADC, #459C44, #00676D, #5E2D47, #253700)
• Nocturne Aubergine color palette (#E5EBD7, #00511C, #400062, #26003D, #120600)
• Gentle Canyon color palette (#DFFCFE, #00A07D, #007682, #76346D, #002621)

Browse the whole catalog at Explore, or see today's palette.