Tempered Field color palette — #ECDCD5 · #69AEBC · #005C7F · #002C23 · #000105
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Bone (#ECDCD5): A whisper-light, dusty orange — the color of toasted spice.
- Cyan (#69AEBC): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#005C7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#002C23): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Dusty Ultramarine color palette (#EFE4DB, #74A9CD, #064CB4, #002B2E, #010009)
- Tempered Petrol Cabin color palette (#FBEAE2, #7DC3D5, #006F9F, #003F36, #00020C)
- Hushed Petrol color palette (#D4E7E4, #5CAEBD, #00819C, #005D5F, #000B12)
- Cerulean Ridge color palette (#F3E1EF, #0090A3, #00425C, #00231B, #00091B)
- Timeworn Peony color palette (#F0D6E9, #C6A2D6, #CB6490, #004A6E, #020007)
- Worn Azure color palette (#FEF3EA, #C9F0DF, #5594DF, #006A6A, #151745)
- Moonless Navy color palette (#C8ECFD, #006EC2, #00229A, #100039, #020006)
- Linen Boulevard color palette (#E5E7FF, #8A74D2, #450099, #19060E, #05001D)
Browse the whole catalog at Explore, or see today's palette.