Tempered Olive color palette — #EFF7F5 · #CBDEEB · #96C4D9 · #3C7C1D · #2E4541

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#CBDEEB): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#96C4D9): A luminous, dusty blue — the color of deep harbor water.
• Olive (#3C7C1D): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#2E4541): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Bronze Corridor color palette (#EFF7F2, #C8E0E4, #9CC5C7, #816700, #334538)
• Cypress Lagoon color palette (#EFF7F9, #D3DAE9, #ABBED9, #007B73, #2D4449)
• Aged Forest color palette (#E4F2F0, #BFCFD3, #8CA4B4, #05662F, #223130)
• Timeworn Jade Grove color palette (#E6FBF1, #7AB381, #007A6D, #545415, #124340)
• Moonless Cypress color palette (#CDEEF1, #007B62, #00303C, #001D1F, #00090C)
• Aged Coast color palette (#D5E5E9, #9AACB9, #70809C, #004040, #05171B)
• Frosted Moss Studio color palette (#FCF1FF, #729C00, #006D74, #82003A, #003E3D)
• Weathered Cerulean color palette (#F1E2B2, #90B994, #008CB0, #7F461B, #5B3A4B)

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