Petrol Basin color palette — #F5F7E6 · #73C6D6 · #007A94 · #005557 · #00394B
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#F5F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#73C6D6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007A94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#00394B): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Washed Petrol color palette (#FEEEE7, #72CBDB, #007BA9, #005344, #00193A)
- Aged Meadow color palette (#F2F8E4, #7AC0F1, #0071BD, #00526A, #033167)
- Hushed Atelier color palette (#E7EADC, #6BA9BA, #00617B, #003D42, #002333)
- Feathered Turquoise color palette (#E8FAF7, #93E9FA, #00BDE3, #00979A, #00394B)
- Cerulean Terrace color palette (#FDF1FA, #98D7E4, #0098D0, #007461, #003167)
- Pewter Courtyard color palette (#F4F6EF, #C8E4E2, #78A491, #55785F, #335248)
- Patina Thicket color palette (#DAFFEE, #8BE3D0, #00BABD, #00733E, #004033)
- Washed Jade color palette (#BAFFE4, #00B887, #00664A, #003B29, #001E13)
Browse the whole catalog at Explore, or see today's palette.