Tempered Station color palette — #E1F8F0 · #3E8EC3 · #A16251 · #615100 · #002018

A conversation between Cerulean and Bronze, giving this palette its sense of nature and growth.

The five colors

• Cream (#E1F8F0): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3E8EC3): A luminous, balanced blue — the color of open sky before noon.
• Walnut (#A16251): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#615100): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#002018): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

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

• Fern Lantern color palette (#FEECF9, #7281C5, #9E663A, #425C00, #251221)
• Wandering Terracotta color palette (#FAEDFA, #507DB6, #913A1B, #474400, #091809)
• Wandering Cocoa color palette (#EAF5EA, #199997, #9B5D89, #883319, #0D1F0D)
• Hushed Courtyard color palette (#FBF0E1, #8F98CB, #825793, #5A4200, #341828)
• Azure Corridor color palette (#EDF7FF, #3BA8EC, #D16F59, #826D1B, #263542)
• Bronze Hollow color palette (#E6F9FC, #009682, #AE5315, #00624D, #17393D)
• Pewter Lagoon color palette (#F7E3E7, #8F5F9E, #6E6700, #00503C, #23030E)
• Bronze Coast color palette (#FCF1FB, #8FB4EE, #CD83A8, #817400, #301D2F)

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