Tempered Petrol Workshop color palette — #EDF7FF · #F3B0B0 · #3479A4 · #24465F · #17232D

Built around Slate, softened by Rose Quartz — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Rose Quartz (#F3B0B0): A luminous, dusty red — the color of a theater curtain.
• Slate (#3479A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#24465F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#17232D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Petrol Workshop 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

• Ancient Cobalt Drift color palette (#F0F6FF, #DAC283, #516EB6, #32435D, #1A222F)
• Worn Petrol Lantern color palette (#E8FAF2, #FFDCD3, #477E99, #1D4033, #03130D)
• Cerulean Balcony color palette (#F1F6FB, #DCD9E1, #CCBCCD, #6794BD, #414950)
• Hushed Turquoise Atelier color palette (#E8F8FF, #BFE1AD, #4EA3B1, #3F6A7B, #172429)
• Pale Station color palette (#D2E7FF, #FD8538, #005AAA, #002E5B, #001025)
• Gentle Peony Summit color palette (#ECF7FC, #73D6E3, #CB6A9A, #00919F, #29202F)
• Airy Raspberry color palette (#EAF7FF, #21A8CB, #C05174, #3B6C38, #1C2D37)
• Timeworn Delta color palette (#E6FBF3, #63BEE4, #9574BD, #5D6A32, #2F3E51)

Browse the whole catalog at Explore, or see today's palette.