Petrol Basin color palette — #DEFEEC · #83B8D1 · #4088B2 · #226B9F · #2B554C
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DEFEEC): A whisper-light, dusty teal — the color of sea glass.
- Ash (#83B8D1): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#4088B2): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#226B9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#2B554C): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Balance. 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
- Timeworn Quarry color palette (#DCFEF2, #92BEE3, #5286BD, #4065A1, #664A61)
- Cobalt Dune color palette (#E8FAF4, #8AB6D7, #BF82AA, #0079B7, #674143)
- Tempered Lagoon color palette (#E5F7D7, #81C4B6, #19968B, #00706F, #3C573F)
- Patina Lagoon color palette (#E1F4FF, #90DFFF, #78C4ED, #6E9DC0, #395066)
- Worn Alley color palette (#FFEFFF, #AAC8EE, #5F80AF, #27548C, #243B5D)
- Timeworn Driftwood color palette (#E1FCF5, #769CC3, #A077B1, #20887C, #2F4842)
- Tempered Lagoon color palette (#FCF1FC, #E9D5D9, #E5B4CC, #6390B4, #5E4E5D)
- Powdered Ultramarine color palette (#E0F1FF, #4AA4FA, #006AE4, #0038D1, #2E3A7B)
Browse the whole catalog at Explore, or see today's palette.