Petrol Basin color palette — #FDE9E2 · #5ACAD2 · #007196 · #004121 · #00020C
A conversation between Peacock and Aqua, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#FDE9E2): A whisper-light, dusty orange — the color of sun-warmed clay.
- Aqua (#5ACAD2): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#007196): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Soft Delta color palette (#F6ECE4, #7EC1DF, #0062CD, #003F37, #030012)
- Cobalt Lagoon color palette (#FCF3EE, #82DBF3, #007FCC, #005340, #060231)
- Antique Cerulean color palette (#EBDDE7, #479EA5, #005268, #003122, #001528)
- Dusty Lagoon Hollow color palette (#CBECD4, #009475, #006568, #002934, #00040F)
- Softworn Azure color palette (#B9ECFF, #00A5CE, #005868, #00141C, #000102)
- Weathered Aqua color palette (#D7E3D9, #16C7D2, #0092AD, #006F5D, #001622)
- Rust Pier color palette (#E2F2E1, #00918E, #AE3C00, #004644, #040000)
- Tempered Terracotta Boulevard color palette (#E1EBDA, #007960, #983100, #593D00, #000201)
Browse the whole catalog at Explore, or see today's palette.