Petrol Grove color palette — #F4F6EF · #C4E5D3 · #6092AB · #006F7C · #255144

Built around Teal, softened by Storm Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Celadon Mist (#C4E5D3): A whisper-light, dusty teal — the color of glacier melt.
• Storm Blue (#6092AB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#006F7C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#255144): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns 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 Parlor color palette (#F4F7E5, #B0DAC1, #008CB4, #00656E, #004563)
• Pale Lantern color palette (#E9FAF1, #54ACCE, #759644, #007090, #394922)
• Cypress Drift color palette (#E6E6D9, #71ABA8, #006468, #003F35, #00242A)
• Cerulean Grove color palette (#DFFEF0, #1C95C3, #816EAF, #007C58, #1D4032)
• Timeworn Archive color palette (#E8EAD7, #448D96, #004451, #002222, #000B11)
• Muted Powder Ridge color palette (#ECF8F7, #D1DDF5, #78C9F1, #50A6B4, #354A5C)
• Pale Turquoise Station color palette (#B5F3FC, #49BDD6, #0089A9, #00617F, #334264)
• Antique Powder color palette (#E5FBF3, #FFE0E9, #B7C6F8, #4A849E, #564558)

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