Tempered Petrol Basin color palette — #EDF0E8 · #8FBDAB · #006EAA · #004D60 · #032F56
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF0E8): a clean, paper-quiet neutral.
- Mint Leaf (#8FBDAB): A luminous, dusty teal — the color of sea glass.
- Peacock (#006EAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#032F56): A deep, shadowed, balanced 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 Tempered 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
- Dusty Cypress color palette (#EFEFE7, #9CBB9A, #00777D, #005146, #00353C)
- Hushed Cobalt Study color palette (#F3F7EE, #AACEC3, #4B7AB3, #005B7C, #233963)
- Hazy Sapphire color palette (#EFE7E1, #7DBCDF, #0568CB, #004B4C, #0F0F37)
- Iris Pier color palette (#FEECFF, #A6BDF7, #9290E5, #005F8B, #1B2D52)
- Cerulean Study color palette (#C7E9F4, #0097C2, #006991, #003D5C, #1D1D48)
- Wandering Denim Cabin color palette (#E8EAE0, #6299A9, #00516A, #002F33, #001623)
- Hazy Plum Garden color palette (#C8E6DB, #0087C8, #A03F88, #004E76, #4B003D)
- Airy Grape Alley color palette (#DBEEE5, #00759C, #6943AE, #005C40, #002332)
Browse the whole catalog at Explore, or see today's palette.