Cobalt Study color palette — #FCDAE7 · #CC823C · #009BAC · #007CCB · #401F2E

Built around Azure, softened by Mustard — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FCDAE7): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#CC823C): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#009BAC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#007CCB): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#401F2E): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Coral Courtyard color palette (#F5DBF5, #DB7076, #009D99, #2B7AA2, #451D20)
• Weathered Sapphire color palette (#D6EBD8, #CD941F, #0097C1, #3B64D0, #3B2700)
• Wandering Tangerine Orchard color palette (#FFF2EA, #FF7A35, #00A7C8, #4A83B2, #2B1504)
• Frosted Grape color palette (#E2F4E7, #AA8C1E, #008DB5, #7D3EA3, #122D1D)
• Timeworn Cornflower color palette (#E4FCEA, #C0A14E, #3FA7C2, #6B7BE3, #1F402A)
• Linen Bronze color palette (#F9DFEA, #BA6617, #00739A, #004E94, #1F0C00)
• Pale Field color palette (#CDEEDB, #BDAC39, #AA67BF, #5F6CC7, #0D3322)
• Chalky Amethyst Grove color palette (#E8E4CC, #B6A12C, #6A38FE, #355CE8, #2B2400)

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