Cobalt Field color palette — #EFF4E6 · #A6D5FF · #4985CB · #005D7F · #0E234B
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#EFF4E6): a clean, paper-quiet neutral.
- Powder Blue (#A6D5FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#4985CB): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#005D7F): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#0E234B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Cobalt Field 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 Ridge color palette (#F2F3E4, #99DDE3, #0093A7, #00625E, #002A35)
- Dusty Cornflower color palette (#FFF1F6, #A8D4FA, #5477DF, #006571, #3F3472)
- Denim Atelier color palette (#E5EBD9, #628FB1, #004B84, #002938, #000412)
- Periwinkle Basin color palette (#E8F9F9, #BBE0FF, #4D9EF7, #007CA6, #223E70)
- Petrol Harbor color palette (#EAEADE, #80C1C1, #007A83, #004C44, #001A1F)
- Misty Scarlet Canyon color palette (#FAD7FD, #B655BF, #D32818, #215EB5, #29052C)
- Mallow Lantern color palette (#FFECF0, #F6CFD6, #FDA0C2, #835C9C, #3B1939)
- Amethyst Workshop color palette (#DCDCFC, #A88DFF, #8449C8, #5A1584, #320C42)
Browse the whole catalog at Explore, or see today's palette.