Quiet Onyx color palette — #D3F5F4 · #007883 · #004861 · #002441 · #050A48

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

The five colors

• Honeydew (#D3F5F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007883): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004861): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002441): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#050A48): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Quiet 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

• Onyx Grove color palette (#D3E9E2, #008591, #005C78, #003765, #0A0046)
• Aged Cypress color palette (#CDF0D9, #007764, #004346, #002229, #040A19)
• Cobalt Lagoon color palette (#E6F2FD, #0077BC, #003C63, #001324, #000307)
• Linen Drift color palette (#C8ECF7, #0072B1, #003E84, #23006C, #1E0145)
• Softworn Cocoa color palette (#D5EBFC, #00678F, #753800, #003146, #1D0900)
• Weathered Navy color palette (#C2E8E9, #00ABC9, #006D99, #003B90, #202170)
• Dusty Boulevard color palette (#C6E3F8, #709FFF, #A45CB9, #004848, #041735)
• Washed Corridor color palette (#E0EFF9, #005378, #672E00, #462900, #000811)

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