Petrol Delta color palette — #CDE9D5 · #63A7BE · #0073A8 · #003B3C · #00151A
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Celadon Mist (#CDE9D5): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#63A7BE): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0073A8): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003B3C): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#00151A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged pastel, light, muted, cool.
Use it as a design system
One click turns Petrol Delta 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
- Patina Indigo Study color palette (#DDF5ED, #6590C8, #5764BC, #00374C, #000B1E)
- Wandering Field color palette (#E3EBD7, #619D8F, #008584, #003910, #00150E)
- Weathered Hollow color palette (#D1EBF0, #2FBAEA, #7A8BE6, #007B81, #00131E)
- Periwinkle Field color palette (#D6F6E8, #9DCFC1, #7897DE, #00697E, #0C3E32)
- Tempered Indigo Thicket color palette (#D4F2FC, #60B3D5, #6F73F9, #005837, #001118)
- Muted Spruce Alley color palette (#D7EAD6, #75766A, #003738, #251500, #070A00)
- Tempered Indigo Lantern color palette (#EADFE9, #A0B1E9, #7C74D2, #004F7D, #13264E)
- Petrol Veranda color palette (#E0FDF4, #C1DCFF, #95A5DD, #007CA6, #4B384D)
Browse the whole catalog at Explore, or see today's palette.