Tempered Petrol Lagoon color palette — #FCF3EB · #DAA97D · #439BA3 · #6066A2 · #311E1B

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

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Camel (#DAA97D): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#439BA3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6066A2): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#311E1B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Washed Coast color palette (#F8F5EB, #B5BD7F, #699CCE, #885992, #302216)
• Wandering Basin color palette (#FFF2EF, #DE9BA4, #659A74, #006E8F, #2F1B22)
• Dusty Petrol Meadow color palette (#FAF4EA, #DDCA97, #54AC9A, #5268A1, #53293A)
• Ancient Mulberry color palette (#F6F6EA, #8FB269, #6879BC, #7E376B, #2A1A05)
• Washed Orchard color palette (#EAF5EB, #B28E3D, #2C7590, #115369, #1A1825)
• Hushed Balcony color palette (#FCF3ED, #EFB289, #36C4A6, #A07CB1, #39332E)
• Grape Meadow color palette (#FFF4E1, #BC8A00, #00809C, #6820BF, #2D0001)
• Cobalt Workshop color palette (#FCF4E8, #F4D9A7, #99AA75, #4775AA, #503C00)

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