Tempered Field color palette — #CBEDDB · #5EA5A1 · #407084 · #5A3850 · #4B2B22

Built around Turquoise, softened by Cocoa — the whole palette hums with trust and stability.

The five colors

• Honeydew (#CBEDDB): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#5EA5A1): A luminous, dusty teal — the color of glacier melt.
• Slate (#407084): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5A3850): A deep, shadowed, dusty pink — the color of neon signs at night.
• Espresso (#4B2B22): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Denim Coast color palette (#DFF3EF, #3799A9, #2B5B8B, #5B2734, #451D10)
• Hushed Cocoa Summit color palette (#DDEFD1, #8CA68E, #528372, #734659, #5C3C1C)
• Muted Basalt color palette (#E3E0CE, #7A9C78, #586E4F, #4E4267, #4D2747)
• Worn Archive color palette (#D5F5F6, #8BC2CF, #54A7C6, #7D6D91, #502425)
• Tempered Cocoa Loft color palette (#F4ECDD, #949169, #4F6C4D, #64311A, #2A1F00)
• Soft Cocoa Terrace color palette (#BEE6F3, #639CCE, #6D68AB, #7D331D, #533500)
• Worn Harbor color palette (#D6F4EC, #009D9A, #007179, #00414E, #132440)
• Powdered Rust Grove color palette (#CEE5D4, #008FA0, #B53B19, #00535E, #4C1102)

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