Chalky Cobalt color palette — #D4F7F2 · #298DD1 · #764282 · #044E0F · #262E4F

Cerulean and Plum set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D4F7F2): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#298DD1): A luminous, balanced blue — the color of open sky before noon.
• Plum (#764282): A full-bodied, balanced pink — the color of peonies in June.
• Deep Olive (#044E0F): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#262E4F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

Use it as a design system

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

• Chalky Cobalt Cabin color palette (#CFF8F7, #6B82C9, #824067, #004B43, #2A2D4C)
• Quiet Corridor color palette (#D6F8E8, #0096AD, #5A4F90, #434300, #0E334D)
• Quiet Mulberry Basin color palette (#F6E7D0, #8082C6, #7E3B88, #463700, #1C0F32)
• Aged Forest Boulevard color palette (#FDF1F9, #9FCDE2, #467EA7, #006248, #2A3A59)
• Tempered Violet color palette (#E0F5E4, #9698E6, #9B5AA5, #685300, #2A2D4D)
• Gentle Lantern color palette (#E8F3FF, #2379CA, #804000, #00471F, #002D27)
• Soft Indigo color palette (#C2F3CB, #7363ED, #97004F, #004140, #3B0F51)
• Quiet Aubergine Bloom color palette (#CCE4E3, #0067B8, #650567, #002D19, #110F37)

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