Tempered Denim color palette — #E7F0F6 · #C1CDDD · #979FBA · #005D7B · #252F36
A conversation between Peacock and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F0F6): a clean, paper-quiet neutral.
- Oat (#C1CDDD): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#979FBA): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#005D7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#252F36): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Wandering Petrol Corridor color palette (#EFF6FC, #D9D7E6, #AEB2C9, #1D6A98, #343C42)
- Denim Bloom color palette (#DFEDE7, #BDD0CB, #AF9DAE, #1D5B7D, #0B1914)
- Antique Periwinkle Delta color palette (#D5E5EF, #7897CC, #745687, #445116, #18433D)
- Ancient Byzantium color palette (#F5F4FC, #E4D5DF, #CBB3CC, #894E9D, #3F3D4E)
- Lagoon Meadow color palette (#D8E9E4, #589C76, #006359, #00445C, #003030)
- Weathered Driftwood color palette (#F3F5FB, #DED8DE, #B6A8A2, #7A80A0, #515258)
- Azure Meadow color palette (#E7F1ED, #E4D1D7, #D0B4B8, #469DC8, #20322B)
- Tempered Navy color palette (#DBE1ED, #A5A8BB, #947290, #222783, #0A1326)
Browse the whole catalog at Explore, or see today's palette.