Petrol Terrace color palette — #F0F6FB · #DBD9E4 · #C4BCCB · #427B9E · #3E4952
Built around Slate, softened by Stone — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#DBD9E4): a clean, paper-quiet neutral.
- Stone (#C4BCCB): A luminous, dusty violet — the color of wild irises.
- Slate (#427B9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3E4952): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Terrace 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
- Hushed Petrol color palette (#ECF4F1, #DCD1CF, #C5B5B8, #467AA3, #1F302B)
- Softworn Powder color palette (#E4F3FF, #B0BED7, #847F98, #4E6D66, #375358)
- Dusty Indigo color palette (#F2F5FF, #E0D5E1, #C4B5CF, #6E58B1, #3B3F50)
- Dusty Market color palette (#E5F0FC, #A0A9BD, #7B7C9B, #003963, #041525)
- Weathered Olive color palette (#FEF1F6, #97B9A3, #6D7A42, #4A5A75, #2F4939)
- Dusty Cobalt Station color palette (#DAE5F8, #4E6BC1, #2F3045, #181F2C, #0A0C13)
- Worn Ridge color palette (#E0DFE7, #BFB4C6, #9A8798, #602C64, #201C2F)
- Patina Sky Thicket color palette (#F0F7F4, #E2D3CF, #73B4DD, #A7A89D, #424A47)
Browse the whole catalog at Explore, or see today's palette.