Cobalt Coast color palette — #FDEBD5 · #E2A23C · #007DDE · #976500 · #001B38
A conversation between Azure and Gold, giving this palette its sense of trust and stability.
The five colors
- Cream (#FDEBD5): A whisper-light, dusty gold — the color of honey in a jar.
- Gold (#E2A23C): A luminous, balanced gold — the color of honey in a jar.
- Azure (#007DDE): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Ochre (#976500): A full-bodied, balanced gold — the color of old brass.
- Midnight (#001B38): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
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
- Washed Indigo Pier color palette (#F0E5D0, #CEAC2C, #6668E9, #876E00, #150056)
- Soft Apricot color palette (#EDDED2, #F79341, #039CD1, #8D4900, #001E2C)
- Faded Ridge color palette (#FCE4CA, #C98724, #045CD1, #734800, #001742)
- Misty Chapel color palette (#F5E2C7, #B48300, #00959E, #B125C6, #1A1000)
- Misty Atelier color palette (#FCE7DE, #F16D62, #00A1B2, #D30618, #001F24)
- Patina Lantern color palette (#F0EDD4, #9DBF3D, #AD69E9, #526800, #280042)
- Faded Boulevard color palette (#EDE5C9, #D4D032, #A895FF, #7C7900, #321170)
- Aged Lantern color palette (#F7ECDC, #906000, #0059A0, #4B3000, #000816)
Browse the whole catalog at Explore, or see today's palette.