Tempered Station color palette — #FFF4E0 · #CEF3C9 · #74DEDC · #A87962 · #3E3D36

Lagoon and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Honeydew (#CEF3C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Lagoon (#74DEDC): A whisper-light, balanced teal — the color of sea glass.
• Mocha (#A87962): A luminous, dusty orange — the color of autumn markets.
• Charcoal (#3E3D36): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Weathered Basalt color palette (#FAF7DB, #B6F2DB, #8FCAE4, #9E895B, #334200)
• Seafoam Lagoon color palette (#FFF2EB, #FFE0A2, #93D7A1, #AB7280, #443E39)
• Seafoam Boulevard color palette (#FCF6DB, #CDE1C3, #81E6CB, #B3AA5C, #45443D)
• Pale Station color palette (#E4FFD0, #34FBD9, #6DC1FF, #A67D00, #06462B)
• Linen Powder Studio color palette (#DDF4D0, #9DE2FF, #ABABF6, #60814C, #123722)
• Washed Driftwood color palette (#D9FFF2, #C3E2FA, #D4BCED, #839450, #304831)
• Softworn Courtyard color palette (#E2FCF1, #D2EEB8, #87BC89, #7D722A, #1C473C)
• Patina Stone color palette (#F2E7D0, #A3B87A, #8F8043, #745337, #2F312B)

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