Tempered Petrol Studio color palette — #F0F3EB · #C4E5D9 · #6292BF · #006886 · #142C4D
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F3EB): a clean, paper-quiet neutral.
- Celadon Mist (#C4E5D9): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#6292BF): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006886): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#142C4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol Studio 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
- Cerulean Field color palette (#F2F2EB, #CCE3D1, #3E9BB1, #006C6C, #053523)
- Denim Field color palette (#E5E6DC, #5FA9B4, #006375, #003939, #000D13)
- Dusty Thicket color palette (#FAF3F5, #C7E0F4, #6089D2, #007077, #3C4665)
- Weathered Quarry color palette (#F2F4E1, #74CCD2, #008090, #00524D, #001E26)
- Cobalt Cabin color palette (#E7EBE0, #8CC0B2, #246BBC, #004763, #02113B)
- Timeworn Abyss Canyon color palette (#E9ECDE, #5B826F, #00415A, #001E23, #000103)
- Wandering Cerulean color palette (#FAF4EF, #C4E0F1, #9CBBF4, #00939E, #543248)
- Worn Grove color palette (#E7F7E6, #B4E5DD, #84CDEA, #008C7D, #213625)
Browse the whole catalog at Explore, or see today's palette.