Dusty Cobalt color palette — #F4F7E8 · #90D195 · #3CB4B3 · #0084C7 · #372E62

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

The five colors

• Ivory (#F4F7E8): a clean, paper-quiet neutral.
• Mint Leaf (#90D195): A luminous, balanced green — the color of a quiet forest floor.
• Turquoise (#3CB4B3): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#0084C7): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#372E62): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Cobalt Study color palette (#FFF1F2, #E5A7D6, #49B3AB, #0085C4, #3A2D63)
• Dusty Cobalt color palette (#F1F7ED, #98D6C3, #6CB5CF, #7483BF, #533657)
• Ultramarine Summit color palette (#E1EED0, #00C68D, #009BB2, #0256E9, #370051)
• Amethyst Studio color palette (#EBFAEC, #00CFDA, #299DFB, #8549E5, #590041)
• Pale Veranda color palette (#FAF5E7, #CCC07A, #60B57A, #008D99, #552C00)
• Misty Byzantium Hollow color palette (#E7F6EE, #5DBFE6, #7C8ED9, #9748AD, #510B25)
• Gentle Station color palette (#FFF1F6, #F6A661, #009F92, #6B4C84, #3D1E39)
• Timeworn Thicket color palette (#F5F6EE, #C5E5DB, #70CFD6, #1FAF9A, #2E513A)

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