Quiet Cobalt color palette — #B4F3EA · #00978A · #0077CE · #5C6900 · #001D1A

Royal Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#B4F3EA): A whisper-light, dusty teal — the color of sea glass.
• Fern (#00978A): A luminous, balanced teal — the color of glacier melt.
• Royal Blue (#0077CE): A full-bodied, vivid blue — the color of deep harbor water.
• Olive (#5C6900): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#001D1A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Aged Lagoon color palette (#DBECC4, #009A6D, #0080AA, #716100, #001E12)
• Indigo Pier color palette (#CCEFD4, #0094A2, #4E5EF4, #1F7503, #001F0A)
• Hushed Studio color palette (#C4ECFF, #008FBB, #824DE3, #00744F, #001B27)
• Cornflower Bloom color palette (#B0FDF1, #00B3A5, #0992FA, #768800, #003934)
• Misty Chapel color palette (#D1E7D3, #007A7E, #1544E4, #315800, #000F02)
• Timeworn Teal Alley color palette (#C7FFF7, #00C9B9, #007B6F, #003F39, #001411)
• Dusty Quarry color palette (#E2EFFF, #006FD7, #9D00B4, #005F5A, #000E25)
• Peony Drift color palette (#FDECF8, #8798D9, #BF6DA8, #3B858E, #31212D)

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