Tempered Denim color palette — #FAEDE3 · #75A6C0 · #1B5898 · #003E3E · #14164C
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#FAEDE3): a clean, paper-quiet neutral.
- Blue Fog (#75A6C0): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#1B5898): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#14164C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Denim 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
- Spruce Archive color palette (#F7E5DA, #63AEA9, #006271, #004120, #002333)
- Denim Harbor color palette (#D5E3E2, #7DA1BB, #005E8C, #003844, #000B1A)
- Sapphire Drift color palette (#F4EDE5, #8FBCB0, #4A61B6, #004E5A, #302356)
- Airy Alley color palette (#C5E6E4, #008E9B, #00587A, #003055, #041051)
- Petrol Basin color palette (#FFF2EC, #5CCAD6, #00799C, #005842, #00345D)
- Soft Lilac Veranda color palette (#BCEAD9, #91A7F0, #A374B9, #00585F, #0F1F3D)
- Navy Grove color palette (#FBE9DC, #53889F, #003E6D, #002221, #03002E)
- Quiet Atelier color palette (#E9DEE3, #8FC9E7, #3293FB, #007D7D, #161A41)
Browse the whole catalog at Explore, or see today's palette.