Petrol Loft color palette — #FBEEF0 · #A77DAA · #007983 · #1B4B6F · #291821

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

The five colors

• Cream (#FBEEF0): a clean, paper-quiet neutral.
• Dusty Rose (#A77DAA): A luminous, balanced pink — the color of peonies in June.
• Teal (#007983): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1B4B6F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#291821): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Taupe Veranda color palette (#FEEEEA, #BF8086, #4A6B92, #494067, #281415)
• Petrol Lantern color palette (#F6F3FD, #BB8AB8, #3697A8, #386C9F, #2D3041)
• Wandering Ridge color palette (#F0F7F0, #A27F55, #4B6E42, #00507C, #392E3D)
• Aged Bronze Cabin color palette (#F9F0E8, #AA7848, #4E7542, #0A5F52, #0D1D16)
• Antique Amber Chapel color palette (#FAF0E7, #C78E5F, #727645, #613D61, #3E1D11)
• Muted Jade Courtyard color palette (#FBF4EC, #D8B184, #749F6C, #507695, #35221C)
• Dusty Taupe color palette (#FBF0DF, #CCA377, #86774E, #255F45, #352A1B)
• Muted Rust color palette (#FFEEE5, #BC4B26, #464899, #4C1654, #170402)

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