Tempered Field color palette — #F0DED6 · #009CAA · #005070 · #002E19 · #00021A

Cerulean and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0DED6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cerulean (#009CAA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005070): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002E19): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00021A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Dusty Abyss color palette (#DFE1D1, #5C9BA2, #005361, #00302E, #00171F)
• Feathered Denim Coast color palette (#E9DDD6, #54A9C2, #005B99, #003B2D, #060030)
• Muted Canyon color palette (#FAEDDF, #3690D3, #323C97, #002B2C, #070015)
• Aged Aqua color palette (#E4F3E6, #46CBD9, #00738C, #003F36, #000306)
• Abyss Orchard color palette (#F6E5DE, #79C2C4, #007698, #004F22, #001533)
• Wandering Forest color palette (#F9EFEB, #88D6E4, #4683AA, #005E40, #30152C)
• Twilit Canyon color palette (#F8DDF3, #7C0075, #004B30, #00302F, #030003)
• Tempered Garden color palette (#F8F0EB, #C5E7E6, #809FC5, #3E776B, #442E3C)

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