Tempered Olive Studio color palette — #F5F2E7 · #B3B97E · #00858E · #656A0A · #051207

Olive takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Sage (#B3B97E): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#00858E): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#656A0A): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#051207): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Hushed Quarry color palette (#F1F3EB, #8FC38F, #337AB3, #25782D, #01120E)
• Dusty Pine Canyon color palette (#F7F1EA, #D6A97F, #32894E, #905400, #0D1001)
• Wandering Olive Bloom color palette (#EFF7F4, #C5C998, #209EC2, #848700, #152630)
• Wandering Cypress color palette (#FFEEE3, #7DAA76, #007A7F, #663348, #1D2709)
• Misty Lagoon Hollow color palette (#E9F6C2, #8CC396, #168D79, #00575A, #002835)
• Ancient Pewter color palette (#F2F3EB, #D1D9D5, #AFC1BC, #5F7F5A, #2C2D25)
• Sapphire Balcony color palette (#EEF4E8, #00C497, #2D63CF, #006C52, #150114)
• Washed Coast color palette (#EDF8F5, #CEF2BA, #57B293, #6D9851, #011618)

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