Tempered Petrol Ridge color palette — #F0F5FF · #DCD8E2 · #A7B4E8 · #586597 · #1C2445
Slate takes the lead with Sky close behind in a set that reads as creativity and calm at first glance.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Silver (#DCD8E2): a clean, paper-quiet neutral.
- Sky (#A7B4E8): A luminous, dusty violet — the color of wild irises.
- Slate (#586597): A full-bodied, balanced violet — the color of twilight just after sunset.
- Midnight (#1C2445): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Sophistication. Tagged monochrome, muted, cool.
Use it as a design system
One click turns Tempered Petrol Ridge 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
- Muted Cobalt color palette (#F0F5FF, #DFD6F2, #A2B5EC, #6E81C6, #293354)
- Antique Stone color palette (#EFEBFF, #D4D2C7, #B7B3D3, #484C5E, #1F2128)
- Worn Iris color palette (#FFEBFB, #BAC5FB, #797BC2, #3F4B7E, #2E1126)
- Stone Dune color palette (#FFF0F8, #EDD3D0, #C9A0B6, #8C7085, #364337)
- Mulberry Meadow color palette (#FFF0F9, #F8D0D6, #C686B2, #844973, #310829)
- Mallow Dune color palette (#F4F4FF, #D6B2F3, #B9B077, #638E70, #303041)
- Violet Station color palette (#F8F2FF, #D4A8FB, #925CBF, #490E6E, #0A0014)
- Aged Quarry color palette (#F6F3FF, #E5DAFF, #AA7DF7, #612DA2, #1A003C)
Browse the whole catalog at Explore, or see today's palette.