Cobalt Ridge color palette — #FAF4ED · #BEE7DA · #6F89C2 · #176E79 · #454267

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

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Celadon Mist (#BEE7DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6F89C2): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#176E79): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#454267): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Ash Veranda color palette (#FBF3EF, #CBE8E5, #70A0C0, #607656, #604A5E)
• Aged Cerulean Atelier color palette (#EBF4F3, #CDDFEF, #6191C7, #00678A, #1B2D45)
• Dusty Cerulean color palette (#FCF3EF, #B4CDB7, #2B849F, #076246, #163E5C)
• Antique Canyon color palette (#FAF3F5, #D9DDF4, #9EBCFF, #49A8B4, #3E4664)
• Antique Navy Basin color palette (#FBECE1, #408AA9, #003D6F, #002221, #04002D)
• Antique Bloom color palette (#FFF2ED, #C46A6B, #188D84, #007782, #3E3633)
• Aged Harbor color palette (#FFF2EE, #D6858B, #339E86, #9E444F, #114D41)
• Antique Cocoa Chapel color palette (#FFF2EE, #E3D8C9, #D3BF9C, #A06F90, #793D1D)

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