Tempered Petrol Lagoon color palette — #D7F2FF · #00778C · #003653 · #1A1B22 · #00090F

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

The five colors

• Frost (#D7F2FF): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00778C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003653): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#1A1B22): quiet, heavy and certain.
• Ink (#00090F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Antique Azure color palette (#CAEAFE, #00A0CC, #2C5C8C, #003B4D, #00090E)
• Periwinkle Thicket color palette (#E0EAF7, #63A0FF, #636389, #30435B, #07131C)
• Lowlit Denim color palette (#C2E6F7, #005D6C, #211B21, #041638, #000304)
• Aged Balcony color palette (#E9F0FD, #607EFF, #564C76, #243045, #01050D)
• Weathered Powder Workshop color palette (#E9F3FC, #80BFE8, #717C8C, #4A5661, #1C2326)
• Sapphire Lantern color palette (#E7F1FF, #1558EF, #312B53, #16111B, #000619)
• Misty Cornflower Station color palette (#D6E4D8, #89B5DC, #467FE5, #006982, #0C083D)
• Quiet Veranda color palette (#C6E4ED, #0095C0, #0075B5, #004687, #040046)

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