Petrol Basin color palette — #EEF8F0 · #7CC5D4 · #00799C · #005650 · #003656
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Sky (#7CC5D4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#003656): 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
- Soft Corridor color palette (#FCECF8, #69CCDF, #0079B4, #00543B, #09104A)
- Feathered Sapphire Summit color palette (#ECF9EE, #7DC0EE, #006BD1, #005462, #1B2775)
- Denim Lantern color palette (#DBE6DD, #6CA9BB, #005F83, #003E3D, #00213C)
- Worn Cypress Cabin color palette (#F1F7F2, #C7E0F2, #5C90B9, #007078, #354964)
- Dusty Orchard color palette (#FFF4E2, #86EBFF, #00BBF0, #00988F, #003656)
- Azure Summit color palette (#FFF2EC, #65DEF5, #0095DD, #007654, #1C2B6E)
- Washed Cabin color palette (#DEECE0, #5088A7, #003E6D, #002227, #00022D)
- Pale Pine Orchard color palette (#D3FFE8, #83E8DB, #00B1D7, #237300, #004234)
Browse the whole catalog at Explore, or see today's palette.