Hazy Cobalt color palette — #F7F6EA · #9FBB5E · #4C6BB7 · #536911 · #2D1E2B

Slate and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Sage (#9FBB5E): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#4C6BB7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Olive (#536911): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2D1E2B): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Muted Mustard Archive color palette (#FAF5EA, #C8AC4C, #0079A2, #735D00, #192821)
• Washed Mint color palette (#F4F6EE, #83D5A4, #8770AA, #427B5A, #38292F)
• Dusty Delta color palette (#E7F5F5, #8AC2A4, #12848D, #00784E, #001117)
• Antique Jade Hollow color palette (#FFF2EE, #39B078, #16729C, #733A3F, #334230)
• Plum Chapel color palette (#EDFAE6, #00BC9E, #A21F96, #006554, #321016)
• Emerald Archive color palette (#F4F7E6, #509D58, #745094, #6A3923, #452C00)
• Washed Loft color palette (#F3F7EC, #8BD8AF, #20A2A9, #319568, #18291B)
• Chalky Teal color palette (#EAFFBB, #5BC197, #008690, #00547D, #25356E)

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