Tempered Petrol Study color palette — #C3F4FF · #83A8C0 · #676FA3 · #695120 · #2F4F41
A conversation between Slate and Coffee, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#C3F4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#83A8C0): A luminous, dusty blue — the color of deep harbor water.
- Slate (#676FA3): A full-bodied, balanced violet — the color of a velvet chair.
- Coffee (#695120): A full-bodied, dusty gold — the color of old brass.
- Deep Olive (#2F4F41): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Creativity, Calm, Sophistication. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Tempered Petrol Study 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
- Softworn Driftwood Atelier color palette (#C6E8FF, #9BABCD, #976A98, #4C6038, #154F4E)
- Petrol Summit color palette (#B2ECEA, #74B1B7, #57789D, #6F4F33, #643C4A)
- Ancient Ash color palette (#D9F1FF, #80A4CC, #896C82, #5E4044, #442220)
- Worn Ash Loft color palette (#EDF7FF, #C5CEE4, #928AA4, #547570, #38515C)
- Ancient Terracotta Lagoon color palette (#DBE3FB, #9E85AC, #9C535A, #005141, #123941)
- Weathered Cocoa color palette (#CCF0D9, #A0D0C2, #C09BB2, #A47F6A, #5A3F18)
- Aged Chapel color palette (#FBF2F9, #9CCEDF, #0085A5, #006345, #223D55)
- Washed Cerulean Station color palette (#E0F2F2, #4F90C2, #57487F, #3C3600, #0D270A)
Browse the whole catalog at Explore, or see today's palette.