Sunlit Coast color palette — #CDE9FF · #006EA9 · #780CBD · #553400 · #002138

Built around Plum, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#CDE9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006EA9): A full-bodied, balanced blue — the color of deep harbor water.
• Plum (#780CBD): A full-bodied, vivid violet — the color of wild irises.
• Cocoa (#553400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#002138): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Energy. Tagged vibrant, 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

• Quiet Loft color palette (#ECF5FF, #0058A1, #5F008B, #3D2C00, #00152E)
• Pale Lapis Coast color palette (#D6DDF5, #614FAF, #8D2454, #3D3900, #121735)
• Faded Nightshade color palette (#C1F1DF, #008E96, #4136BB, #363D00, #002D3F)
• Aged Sapphire Hollow color palette (#D3E7FF, #0065C6, #4E3C9F, #710041, #001E44)
• Powdered Mulberry color palette (#C7F1F4, #008165, #7F0078, #193D00, #002C20)
• Plum Studio color palette (#EFF6FF, #3673D1, #AF276A, #504C00, #0F2A53)
• Pale Harbor color palette (#C8ECF8, #00767C, #0052B6, #74002D, #002527)
• Powdered Pewter color palette (#EFEBFF, #935597, #8F426F, #4E4600, #28213C)

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