Sunlit Coast color palette — #E0EAF9 · #708DDD · #8C7D00 · #304AAC · #211C00

Indigo and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E0EAF9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#708DDD): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#8C7D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#304AAC): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#211C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Muted Harbor color palette (#E7EFFF, #7283E9, #917600, #414D9E, #413400)
• Hushed Grove color palette (#E1E9FB, #8087DE, #C05A00, #4746A3, #311200)
• Gentle Aubergine Workshop color palette (#E6E8F8, #9F7FCC, #619216, #623395, #122100)
• Airy Terrace color palette (#FFE6F6, #929EFF, #B39122, #5E65C6, #423302)
• Misty Cornflower Lantern color palette (#E7F1FF, #4478D6, #607A00, #006838, #03132B)
• Rust Balcony color palette (#D9ECFB, #28ACEC, #BB3B1D, #005C84, #340E06)
• Feathered Amethyst color palette (#E3E7FD, #7849CA, #6A5600, #430086, #0B0700)
• Worn Teal Delta color palette (#F0F0FF, #C3A6D8, #4DB191, #83619B, #10383A)

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