Petrol Basin color palette — #E3ECE5 · #94BACB · #007698 · #004C47 · #001829
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E3ECE5): a clean, paper-quiet neutral.
- Ash (#94BACB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001829): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, 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
- Timeworn Loft color palette (#EDF4EE, #ADCDDF, #2184B9, #005B5D, #012042)
- Antique Cabin color palette (#E2F4FF, #9CC9EF, #8F8FE3, #006868, #002134)
- Denim Pier color palette (#D7E4D9, #7BA1BD, #005A9B, #003840, #000231)
- Wandering Navy color palette (#D7E3D9, #4C8098, #003F65, #001F22, #000106)
- Muted Cypress Courtyard color palette (#EEF3EF, #D2DCEE, #6EA4C1, #007B79, #24384B)
- Lagoon Cabin color palette (#D6EFEB, #009D9E, #005D6A, #003B4B, #001B2A)
- Misty Brick color palette (#D5EDFA, #008EA7, #C1271B, #004F5E, #2B0100)
- Hushed Mulberry Veranda color palette (#E4F3FB, #007794, #9B2578, #554D00, #000D13)
Browse the whole catalog at Explore, or see today's palette.