Tempered Field color palette — #D7F6FF · #35A6DA · #0069AF · #0B3B7E · #171E4D
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7F6FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#35A6DA): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#0069AF): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#0B3B7E): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#171E4D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Quiet Hollow color palette (#E3EDFF, #88A2E9, #4966B3, #172C6D, #020430)
- Softworn Villa color palette (#CCEEEC, #1CA9C7, #006BAA, #2C3DAD, #3D3568)
- Muted Lagoon color palette (#D9FEFF, #6DD7FF, #4C99E5, #3B5BA0, #2A2048)
- Muted Lagoon color palette (#CCF6EF, #00A8B0, #007383, #00455B, #00273D)
- Cobalt Pier color palette (#CBE9FF, #7CB0EF, #5870BD, #454883, #282145)
- Linen Coast color palette (#D9EBFF, #4F94DF, #A07211, #00559D, #281900)
- Navy Villa color palette (#C9E7F7, #0072B2, #00479C, #13047B, #08002C)
- Grape Bloom color palette (#DFE8FF, #888AE0, #694BAB, #4C256E, #35133F)
Browse the whole catalog at Explore, or see today's palette.