Ancient Petrol Basin color palette — #D4FAFE · #99D9D0 · #4EB4C5 · #0080A0 · #375269
Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D4FAFE): A whisper-light, dusty blue — the color of deep harbor water.
- Lagoon (#99D9D0): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#4EB4C5): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#375269): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Ancient 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
- Petrol Corridor color palette (#EBF7FF, #AFE3F9, #5AA7C9, #006F8F, #0F3F56)
- Tempered Lagoon color palette (#EAFDD8, #8CF9F3, #5BBDCF, #528CA6, #33584F)
- Timeworn Lagoon Bloom color palette (#D7FEF1, #ADD4A8, #64B085, #168973, #265665)
- Ancient Summit color palette (#EAF8FF, #9BC9E9, #7BA5E2, #6272B2, #4A5170)
- Timeworn Meadow color palette (#EBF7FE, #92CFE1, #E9998D, #009CBA, #5E4359)
- Navy Coast color palette (#CFEFF2, #00B2D3, #007FC6, #0049A3, #24266D)
- Washed Boulevard color palette (#EBF7FE, #D8DAE5, #BFA7AA, #65B1A6, #3E5262)
- Patina Taupe color palette (#EEF9ED, #BBD1C2, #B5956E, #8E677D, #364E45)
Browse the whole catalog at Explore, or see today's palette.