Petrol Terrace color palette — #DDE9F5 · #006DB2 · #006B28 · #003A63 · #000901
Built around Royal Blue, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Frost (#DDE9F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#006DB2): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006B28): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#003A63): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#000901): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Worn Workshop color palette (#CFE0FA, #385FCB, #00684D, #0B00AD, #000804)
- Aubergine Garden color palette (#D3E5F7, #005C97, #6F1A92, #00483F, #000205)
- Soft Grape color palette (#CDECF7, #007780, #711EBB, #004046, #0A0019)
- Denim Veranda color palette (#D8EDFF, #005683, #513A00, #002339, #0A0500)
- Cobalt Market color palette (#CDEFE6, #0082D6, #9D6200, #005792, #0C0400)
- Frosted Lagoon color palette (#EDEDFF, #9754BF, #007385, #66008F, #001317)
- Quiet Boulevard color palette (#E5EFFB, #919CD1, #8975DE, #004A7F, #030937)
- Aged Fern color palette (#D3EDE0, #6E7439, #4B4700, #2C2400, #030400)
Browse the whole catalog at Explore, or see today's palette.