Tempered Station color palette — #EBF4F0 · #8BBFB8 · #39856B · #555925 · #002F2A

A conversation between Fern and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Ash (#8BBFB8): A luminous, dusty teal — the color of sea glass.
• Fern (#39856B): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#555925): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#002F2A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

One click turns Tempered Station 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 Pine color palette (#EDF8F5, #84BCB5, #3F8456, #32645A, #2C4945)
• Weathered Lantern color palette (#E7F6EF, #8AAA87, #007759, #0B4F5C, #00221F)
• Tempered Lagoon Harbor color palette (#B3EDEC, #5AB4A2, #008D92, #005E6A, #003347)
• Basalt Courtyard color palette (#F6F6E8, #CAE4C9, #7BAC86, #697F53, #393C00)
• Cerulean Grove color palette (#E2F5FF, #89CDE0, #008CA0, #004956, #001A21)
• Dusty Forest Villa color palette (#F8EFF5, #C6E2EB, #4F99B1, #00704E, #152E44)
• Cypress Boulevard color palette (#CDE7DF, #407551, #004037, #182200, #000401)
• Hazy Amber color palette (#E6F5FA, #53B6B7, #C6755C, #007375, #451608)

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