Dusty Cobalt Ridge color palette — #F3F3E6 · #9FC169 · #4972C2 · #556F26 · #140A13

Sapphire takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Mint Leaf (#9FC169): A luminous, balanced green — the color of a quiet forest floor.
• Sapphire (#4972C2): A full-bodied, balanced violet — the color of wild irises.
• Olive (#556F26): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#140A13): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

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

• Gentle Mustard Courtyard color palette (#F6F1E8, #C8B44A, #1180A5, #746400, #02120B)
• Ancient Driftwood color palette (#F0F3EB, #94D5AB, #9771AB, #487F5E, #1E1215)
• Dusty Forest Coast color palette (#F3F7ED, #6DC39B, #007E85, #00724D, #18291B)
• Hushed Grove color palette (#EBF9F6, #A3D39D, #2E9DC0, #4F9347, #142731)
• Timeworn Amethyst Courtyard color palette (#EBF6E7, #00C1B1, #8041CC, #006A61, #18010B)
• Antique Boulevard color palette (#FFEDE8, #49B384, #2D729A, #683537, #182716)
• Dusty Celadon Grove color palette (#ECF8F7, #9EFFB7, #23ABE1, #5B9B6B, #08141B)
• Antique Thicket color palette (#F0F3EB, #CDDDD9, #ACC3C4, #4D826A, #2A2E24)

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