Tempered Petrol Grove color palette — #F0F6FA · #D9DAE3 · #C0BDCB · #327DA2 · #3C4A54

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D9DAE3): a clean, paper-quiet neutral.
• Stone (#C0BDCB): a calm mid-gray that lets other colors speak.
• Cerulean (#327DA2): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3C4A54): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cerulean Courtyard color palette (#F0F7F3, #DFD4D1, #BFC3AF, #4F9AB7, #3F4B45)
• Wandering Petrol color palette (#ECF3F7, #D8D7E3, #C4B9CB, #407E95, #262D31)
• Cypress Alley color palette (#EBF9F7, #8DB9BB, #398178, #246372, #214A4C)
• Pewter Workshop color palette (#EEF6FF, #A4B0C9, #7E7D95, #7F6240, #3C5549)
• Antique Quarry color palette (#F3F5FB, #E0D6E4, #BEB8D1, #6A53C2, #3A3F53)
• Navy Station color palette (#D6E0EA, #A0AAB9, #757E9A, #003A60, #071522)
• Washed Garden color palette (#EFF6FE, #CBD3E3, #A0A5C1, #0057B2, #243447)
• Timeworn Cocoa color palette (#E7FCEA, #5E9FCD, #61639B, #763B12, #2A3E57)

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