Tempered Onyx color palette — #DFF4F1 · #007787 · #004D66 · #002C4A · #010133

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

The five colors

• Cream (#DFF4F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007787): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004D66): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#010133): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

Use it as a design system

One click turns Tempered Onyx 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 Petrol color palette (#D1F6F9, #008296, #00475C, #001D2E, #000104)
• Airy Dune color palette (#CFE6DF, #008D8C, #00637C, #003F79, #020026)
• Ancient Study color palette (#DCE7DA, #007F56, #004F41, #002B2D, #000F14)
• Feathered Navy Lagoon color palette (#D3EEF8, #0073B1, #004890, #170075, #0F0024)
• Terracotta Chapel color palette (#D1E3F1, #0071A1, #943600, #003D59, #100200)
• Soft Periwinkle color palette (#CBEBFF, #7FA4EB, #9871B3, #00575C, #001022)
• Aged Boulevard color palette (#FFDDD5, #759400, #005EA5, #0B0B1E, #000206)
• Frosted Market color palette (#D7F0F5, #00ACE7, #0080C9, #30439B, #2D2454)

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