Cobalt Terrace color palette — #F1F3EC · #AFD0C6 · #4D7EB8 · #005776 · #0F1F3D

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Oat (#AFD0C6): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4D7EB8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005776): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0F1F3D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Cerulean Study color palette (#F2F3E8, #B4D0B5, #008C98, #005C53, #00252D)
• Patina Denim Summit color palette (#DFE1D1, #5295A8, #00516A, #002B2F, #00050A)
• Dusty Cobalt Study color palette (#FCF2F5, #A6C9EA, #5172CE, #005E69, #323956)
• Sunlit Byzantium Study color palette (#CBEAE1, #3C80BD, #8D4FAA, #006A5E, #001529)
• Hushed Periwinkle color palette (#EDF8F7, #BAD8F5, #5597E9, #0075A0, #283B57)
• Timeworn Ridge color palette (#FFEBFC, #F2CEE7, #BBADEA, #3871A4, #1C2444)
• Hushed Petrol Courtyard color palette (#F1F3EC, #C7DFE1, #76A89B, #087697, #432D44)
• Misty Petrol Garden color palette (#DEF3FF, #4EA0D2, #006BAB, #003D73, #021946)

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