Tempered Field color palette — #F8F7E0 · #51A5B7 · #68619A · #3F5705 · #19463A

Deep Olive takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F7E0): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#51A5B7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#68619A): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#3F5705): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#19463A): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Patina Pewter Chapel color palette (#F0F9E6, #689FC0, #7B5A8F, #005C44, #4B3548)
• Hushed Field color palette (#FFF3E4, #59AA8C, #216FA5, #6A4500, #2D442E)
• Softworn Archive color palette (#E2F9E7, #6E9EE1, #725CA2, #643C04, #182237)
• Ancient Grape color palette (#C0F3D5, #008AAE, #6C00BA, #004429, #002852)
• Cocoa Drift color palette (#FCF3EE, #BEAD92, #6F7A43, #674E76, #593C00)
• Pale Villa color palette (#F1FBD3, #4C8AEC, #953184, #00504E, #342D5E)
• Softworn Fern color palette (#E8FDE0, #A9C1B7, #A2808F, #5A6A26, #295546)
• Antique Iris color palette (#FFF4E2, #82B3F8, #8E76C4, #855825, #4C3546)

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