Olive Terrace color palette — #EAF4F1 · #6188B5 · #58763D · #005C48 · #081D12

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

The five colors

• Cream (#EAF4F1): bright and airy, almost weightless.
• Slate Blue (#6188B5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#58763D): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#005C48): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#081D12): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Washed Cypress color palette (#F8EFF3, #928CC3, #017D63, #005764, #231623)
• Tempered Fern Canyon color palette (#EDF4ED, #52989B, #89672F, #4C5305, #171D0C)
• Sapphire Lantern color palette (#FBECFC, #3468C0, #2B6200, #004337, #00121A)
• Tempered Forest color palette (#F9F0EB, #BF8F81, #866F29, #255928, #112F16)
• Hushed Bronze Dune color palette (#F5F4FE, #9A76A8, #945E0A, #00584D, #333545)
• Timeworn Moss color palette (#EDF6FF, #74ADE2, #778F45, #2C7B63, #21353E)
• Indigo Quarry color palette (#FDEDF4, #6959A7, #005D4B, #00363D, #120213)
• Washed Cypress Boulevard color palette (#FFF2EF, #EFA9B9, #C08669, #318264, #2E1F29)

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