Hazy Olive color palette — #F6F2E4 · #8A8105 · #0A6F4E · #113E6F · #220904

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F2E4): bright and airy, almost weightless.
• Olive Leaf (#8A8105): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#0A6F4E): A full-bodied, balanced teal — the color of sea glass.
• Navy (#113E6F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#220904): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Bronze Station color palette (#FBF0E3, #A06B1D, #546524, #00495C, #260C0E)
• Muted Pine color palette (#EFF4E7, #448851, #00716F, #472D64, #221203)
• Bronze Loft color palette (#F7F1E4, #948101, #2267A1, #06406C, #240B08)
• Amber Bloom color palette (#FFEFDC, #BF9450, #52773B, #483E6A, #2C2107)
• Amber Archive color palette (#FCEFE4, #BA7E48, #00746D, #532E67, #360B24)
• Washed Navy color palette (#F7E4BA, #675E00, #00427E, #002F5C, #160004)
• Olive Ridge color palette (#F1EAD3, #7D790B, #31322B, #1A1608, #090602)
• Timeworn Navy Market color palette (#E9F7E4, #00786B, #004C92, #5F0130, #0E0B00)

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