Petrol Basin color palette — #F6E9E3 · #70C0C7 · #0081A3 · #005C43 · #00213B
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F6E9E3): a clean, paper-quiet neutral.
- Mint Leaf (#70C0C7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0081A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C43): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#00213B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Wandering Cobalt color palette (#E8DED6, #8CB8D2, #3974C3, #00595B, #181845)
- Dusty Cerulean color palette (#FDF1FA, #81DDE5, #0087AA, #00543C, #000E1D)
- Washed Denim color palette (#E0EFEC, #69ABB1, #006370, #003E3B, #00242D)
- Worn Cerulean Market color palette (#E4E5D7, #8DCDD2, #00A4B9, #007D78, #00242D)
- Worn Cornflower color palette (#FFF3E8, #8FD5FD, #348AF8, #007275, #28266E)
- Antique Basin color palette (#FEF3EB, #BADECE, #7298C6, #007C7C, #31385A)
- Hushed Boulevard color palette (#E3E7D0, #5BD4C0, #45A8D0, #717300, #002E1F)
- Linen Workshop color palette (#CAEAD5, #00B67F, #007551, #003A1F, #000F05)
Browse the whole catalog at Explore, or see today's palette.