Tempered Field color palette — #F2E2DB · #56AEB5 · #00617A · #00402C · #00213A

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F2E2DB): bright and airy, almost weightless.
• Cyan (#56AEB5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00617A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00402C): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00213A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Gentle Denim Lagoon color palette (#F6EAE1, #45AADB, #0055A8, #003E3F, #171846)
• Hushed Lagoon color palette (#D2EADD, #008F7B, #005C5F, #003442, #101834)
• Airy Pier color palette (#F0E3EE, #6BC1C8, #007FAA, #005D32, #001C4B)
• Hushed Cerulean Alley color palette (#D7F5FF, #0092B7, #00485A, #00222D, #000D12)
• Hushed Cerulean color palette (#D9E7DC, #89CDD3, #00A3C1, #007F6C, #002332)
• Aged Study color palette (#FFF3E9, #57C4FE, #146AD1, #005558, #2A2C5F)
• Wandering Meadow color palette (#CAEAD1, #59C2FF, #7977D2, #00583F, #032617)
• Cerulean Courtyard color palette (#FFF2EC, #8DDDE9, #008BB7, #006952, #204264)

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