Petrol Basin color palette — #D9FFF1 · #AAE1C1 · #67AFB2 · #2E779D · #34457A
Built around Slate, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D9FFF1): A whisper-light, dusty teal — the color of glacier melt.
- Mint (#AAE1C1): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#67AFB2): A luminous, dusty teal — the color of glacier melt.
- Slate (#2E779D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#34457A): A full-bodied, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, cool.
Use it as a design system
One click turns Petrol Basin 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
- Aubergine Field color palette (#DEFCFF, #96DBE5, #72A1C4, #626EA3, #5F3872)
- Ancient Nightshade color palette (#CCEDD9, #00B7B2, #00809D, #243EAC, #300059)
- Patina Lagoon Hollow color palette (#FFF3E2, #CBCE98, #81AA82, #2E8478, #005268)
- Linen Cerulean Basin color palette (#D3FFFE, #ABEEDE, #5FCDD4, #359DBA, #004E74)
- Muted Summit color palette (#FDF0FD, #94CEA7, #609BB9, #816381, #2E4D53)
- Soft Nightshade color palette (#C7F3EA, #009CB7, #006AA7, #360CA6, #260031)
- Antique Teal Orchard color palette (#E7F5F9, #4EADAB, #4A5A68, #2C3B3F, #1A2423)
- Hushed Ash color palette (#EEF7F7, #D6DBE1, #B3AFB8, #79A5A5, #4B5555)
Browse the whole catalog at Explore, or see today's palette.