Tempered Petrol Lagoon color palette — #F4EBDC · #9CBB9D · #008395 · #005B47 · #002330

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F4EBDC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9CBB9D): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#008395): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005B47): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002330): 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 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

• Cobalt Chapel color palette (#E8E2DA, #81BBD1, #007DB6, #00595C, #001F42)
• Tempered Cerulean color palette (#F3EEE6, #A9CFB5, #0293BF, #006C66, #00314F)
• Patina Station color palette (#E9FAED, #8BDCDD, #00899C, #005341, #000F16)
• Spruce Thicket color palette (#F2E7E3, #63ADAC, #006179, #004210, #00203E)
• Dusty Lagoon color palette (#F9F4ED, #C5E4DE, #6EAFC6, #008E7F, #215243)
• Muted Dune color palette (#D1E7D7, #47AF6B, #007A3A, #003A20, #000F04)
• Hazy Olive Meadow color palette (#DCE4BF, #73D2B4, #13B5C2, #587A00, #002B16)
• Quiet Moss color palette (#E9EADD, #819600, #357000, #014B0E, #002617)

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