Cobalt Coast color palette — #FAF2F9 · #E6CDA9 · #657DAD · #5C435A · #312830

Slate and Wheat set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Wheat (#E6CDA9): A whisper-light, dusty gold — the color of old brass.
• Slate (#657DAD): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#5C435A): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#312830): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cobalt 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

• Worn Field color palette (#EFF7F4, #F8C3B6, #4185B0, #34554A, #242E2A)
• Softworn Pewter color palette (#FFF1F4, #B6CE94, #895F96, #503758, #2D1C20)
• Softworn Studio color palette (#F0F6FD, #B8E5F0, #7286AC, #364760, #141C27)
• Ancient Ash Terrace color palette (#EFF6FF, #F4DAAD, #899EC9, #5B6E8A, #242C38)
• Stone Station color palette (#EFF6FF, #96CFB4, #495F7E, #2B394E, #24232E)
• Blush Cabin color palette (#F9F3F8, #BBD1FF, #D37D9A, #708BC5, #3A2927)
• Amber Ridge color palette (#FBF2F9, #85A0E0, #C07649, #3C7A62, #3F313D)
• Patina Cabin color palette (#F7F7E4, #BAB5F7, #BF78A0, #4B7A65, #584048)

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