Petrol Basin color palette — #F8ECE3 · #8DBEA9 · #2769B1 · #004F50 · #222859
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F8ECE3): a clean, paper-quiet neutral.
- Mint Leaf (#8DBEA9): A luminous, dusty teal — the color of shallow lagoons.
- Royal Blue (#2769B1): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#222859): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Cobalt Chapel color palette (#FAF4EE, #9FD1C2, #5776B9, #005E67, #38355A)
- Worn Loft color palette (#F9EBE4, #82BEBA, #007586, #00532A, #003248)
- Softworn Petrol color palette (#E2EBEA, #96B8D0, #0072A9, #004958, #00172D)
- Hushed Veranda color palette (#F7EAE4, #419DB2, #004F73, #003129, #001134)
- Periwinkle Corridor color palette (#F5ECF0, #A1DDFB, #58A8FF, #009190, #232954)
- Antique Cerulean Ridge color palette (#FBF3F0, #C9E5CE, #5294AE, #316F59, #2C4A66)
- Muted Veranda color palette (#FFE4E2, #F8ADA5, #BE8D39, #724A81, #37302D)
- Navy Study color palette (#EFE7DE, #5B84AC, #223085, #002127, #0C0026)
Browse the whole catalog at Explore, or see today's palette.