Petrol Loft color palette — #F1E4ED · #6FAFAE · #007287 · #004D2D · #001624

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F1E4ED): bright and airy, almost weightless.
• Turquoise (#6FAFAE): A luminous, dusty teal — the color of sea glass.
• Teal (#007287): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D2D): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Petrol Loft 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

• Cobalt Grove color palette (#EBE0E8, #83BCC8, #007EAE, #005B4B, #001E44)
• Hushed Aqua color palette (#FFE9DE, #58CBCA, #007388, #004025, #000306)
• Timeworn Lagoon color palette (#EFF0E4, #2BA2A2, #00545A, #00302A, #00181C)
• Worn Denim Orchard color palette (#E7DAE1, #7098B1, #005B9B, #003C39, #03002E)
• Timeworn Lagoon Meadow color palette (#CAE5DF, #57C4C2, #00959E, #006E61, #00181C)
• Tempered Pine color palette (#FBF2F8, #B5DCE9, #3DA3C3, #00805B, #163E5B)
• Pale Cabin color palette (#EAF1E9, #A9C8E7, #6980D3, #006A79, #302159)
• Soft Rust color palette (#F4DFEF, #C6453C, #007764, #850308, #00140F)

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