Tempered Petrol Grove color palette — #D8E9E2 · #007BA7 · #3E2A3F · #13231C · #070E0D

Cerulean and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D8E9E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#007BA7): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3E2A3F): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#13231C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#070E0D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Softworn Cypress Archive color palette (#DDE8DE, #008186, #143B2A, #132415, #07100C)
• Antique Cobalt color palette (#F8EFF6, #587AC6, #4E3342, #30242E, #131A1A)
• Muted Chapel color palette (#D7E7F3, #009DCD, #414D67, #223039, #111A1C)
• Dusty Dune color palette (#D3E8F8, #1BB8F8, #5C7288, #3D4C56, #12191E)
• Velvet Coast color palette (#F6E6F7, #0059AB, #181052, #18031A, #000A06)
• Grape Boulevard color palette (#F3E0E6, #7C44A3, #3E181E, #200C14, #090303)
• Lowlit Field color palette (#C9F0E3, #003D61, #05100F, #02002C, #000202)
• Amethyst Field color palette (#F6E3ED, #6B2CF5, #3B174E, #290C1E, #110508)

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