Tempered Olive color palette — #F9EFED · #C8E8DD · #62A8BC · #6B7128 · #203C35

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

The five colors

• Cream (#F9EFED): bright and airy, almost weightless.
• Honeydew (#C8E8DD): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#62A8BC): A luminous, dusty blue — the color of open sky before noon.
• Olive (#6B7128): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#203C35): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Weathered Cypress Thicket color palette (#F9F0EC, #C6E8E2, #77A897, #497660, #412F3E)
• Worn Blush color palette (#FFEDE9, #DD798D, #3F9BB2, #5B836B, #35221D)
• Weathered Blush color palette (#FFEDE8, #EE979E, #45AEAE, #9E5B61, #233724)
• Wandering Villa color palette (#F0F7F1, #D3D7E8, #A1CEEB, #669D9F, #3B515D)
• Bronze Lagoon color palette (#FCF0E0, #C7BB96, #A47A3C, #80481D, #2D2D1C)
• Dusty Cobalt Canyon color palette (#FDEEE7, #6BE3FB, #008BCF, #006548, #172149)
• Pale Drift color palette (#F6E5DA, #75BFD9, #2C6EAD, #004D3E, #100D39)
• Dusty Lagoon Meadow color palette (#EFDFD9, #008990, #004259, #00210D, #000106)

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