Tempered Petrol Grove color palette — #F4EEE4 · #6EBFCF · #007393 · #00504A · #00314D

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Cyan (#6EBFCF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00314D): 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 Tempered Petrol Grove 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

• Aged Cobalt color palette (#FCF4E7, #8DD0E8, #3A80A8, #005F61, #223C59)
• Softworn Denim Cabin color palette (#E8E2D7, #64A8CC, #005A98, #003D44, #071B48)
• Turquoise Study color palette (#E6F1EF, #B3DAEB, #00B7DB, #009092, #003344)
• Cypress Balcony color palette (#F9F4ED, #C3EDE9, #73A0B8, #417A77, #35514A)
• Washed Lagoon color palette (#F4EBDD, #00A4A4, #00535E, #003124, #001720)
• Aged Turquoise color palette (#E9F9D4, #50DCCC, #22B5D5, #466D3E, #27371A)
• Chalky Moss Bloom color palette (#E2E8D8, #5F9F00, #006F1F, #004D2E, #003328)
• Linen Mulberry color palette (#DAE2C8, #26A764, #922585, #005830, #40163A)

Browse the whole catalog at Explore, or see today's palette.