Tempered Olive Pier color palette — #EBF4F0 · #B9B77B · #008397 · #6C6800 · #041016

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

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Sage (#B9B77B): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#008397): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#6C6800): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#041016): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Misty Alley color palette (#EBF4F2, #91C481, #0876D2, #3C7527, #040F1C)
• Timeworn Villa color palette (#FAEEF2, #E3A467, #3D8840, #905400, #001210)
• Mustard Study color palette (#F8F5EA, #C8CB6C, #279EBC, #848631, #16291F)
• Weathered Jade Dune color palette (#FFEBF7, #7DAB6B, #007B7B, #6C2F46, #052829)
• Soft Lagoon Study color palette (#E8EDB9, #8FC187, #009178, #00565B, #002532)
• Ancient Thicket color palette (#ECF4F2, #CFDAE0, #AFC0D1, #627E59, #232F2D)
• Aged Boulevard color palette (#D8F5ED, #71A800, #005F9B, #385700, #00040A)
• Sunlit Garnet color palette (#E6F6F0, #859742, #006BA0, #6F1D3C, #301700)

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