Petrol Basin color palette — #DBF2F3 · #86ACBE · #5D709F · #3D553B · #102E1B
Slate and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DBF2F3): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#86ACBE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#5D709F): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Olive (#3D553B): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Forest (#102E1B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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
- Lilac Station color palette (#D6EBFF, #A99EE0, #986A8F, #2C5A2E, #00382B)
- Petrol Harbor color palette (#B8ECEC, #6DB2BB, #4B75A5, #624553, #36202B)
- Patina Dune color palette (#C9F1FB, #9FC2E0, #8C83B0, #4D6757, #223E2E)
- Wandering Cobalt color palette (#F8EFF2, #A5CDEE, #5C79BF, #005A64, #181E39)
- Quiet Byzantium color palette (#D5EAEE, #679AE8, #874EAF, #434300, #0D3000)
- Weathered Hollow color palette (#DBE6FF, #9684B7, #925269, #164A38, #002519)
- Timeworn Atelier color palette (#DBFFEF, #B2E1D4, #8699C5, #815C7D, #4B2E2D)
- Powdered Grove color palette (#DAECFB, #3F99D7, #A17200, #005A8B, #271900)
Browse the whole catalog at Explore, or see today's palette.